//- section.attachments(tg-attachments-drop="vm.addAttachments(files)")

section.attachments(tg-attachments-drop="vm.addAttachments(files)")
    .attachments-header 
        h3.attachments-title #[span.attachments-num {{vm.attachments.size}}] #[span.attachments-text(translate="ATTACHMENT.SECTION_NAME")]
        .add-attach(title!="{{'ATTACHMENT.ADD' | translate}}")
            label.add-attachment-button.button-primary.button-small(for="add-attach")
                tg-svg(svg-icon="icon-add")
            input(
                id="add-attach"
                type="file"
                multiple="multiple"
                ng-model="files"
                tg-file-change="vm.addAttachments(files)"
            )
    .attachments-empty(ng-if="!vm.attachments.size") 
        div {{'ATTACHMENT.DROP' | translate}}
    .attachment-body.attachment-list
        .single-attachment(tg-repeat="attachment in vm.attachments track by $index")
            .attachment-name
                tg-svg(svg-icon="icon-attachment")
                span {{attachment.get('name')}}
            .attachment-size
                span {{attachment.get('size') | sizeFormat}}

            .attachment-settings
                a.settings.attachment-delete(
                    href="#"
                    title="{{'COMMON.DELETE' | translate}}"
                    ng-click="vm.deleteAttachment(attachment)"
                )
                    tg-svg(svg-icon="icon-trash")
